import { StyleSheet } from 'react-native';
import { phonePx } from '../../../../util/adapt';

export default StyleSheet.create({
  container: {
    position: 'absolute',
    left: 0,
    top: 0,
    right: 0,
    bottom: 0,
    backgroundColor: 'rgba(42, 42, 42, .7)',
    alignItems: 'center',
    justifyContent: 'center'
  },
  content: {
    width: phonePx(326),
    height: phonePx(328),
    alignItems: 'center'
  },
  signInLight: {
    position: 'absolute',
    left: 0,
    top: 0
  },
  signInSuccess: {
    position: 'absolute',
    top: phonePx(33),
    width: phonePx(372),
    height: phonePx(244)
  },
  coinContent: {
    position: 'absolute',
    top: phonePx(211),
    width: phonePx(98),
    height: phonePx(30),
    borderRadius: phonePx(15),
    backgroundColor: '#FFF7C6',
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'center'
  },
  coin: {
    position: 'absolute',
    zIndex: 20,
    width: Math.floor(phonePx(18)),
    height: Math.floor(phonePx(18))
  },
  coinList: {
    width: phonePx(18),
    height: phonePx(19),
    alignItems: 'center',
    justifyContent: 'center'
  },
  number: {
    marginLeft: phonePx(6),
    fontSize: phonePx(14),
    color: '#2A2A2A',
    fontWeight: '600'
  }
});
